快速開始 - Electron React Boilerplate（TypeScript）

之所以決定在這個專案導入 Electron 並實戰學習

是因為我在那篇 ptt排版巴哈文章 看到了一個關於「CROS」的問題
爬蟲大概也是會被擋掉吧？我實在不太想冒著做了一般的網頁卻發現沒辦法爬蟲的風險

再者是我從赫赫有名的 2022 前端工程師路線圖 中，發現 Electron 晉升為紫色勾勾
如果我想當前端工程師，能先接觸到紫勾的東西應該還不錯吧！
而且我上一個作品也是 React，如果下一個 Side Project 沒點新花樣，有點像是在原地打轉

我使用了「Electron React Boilerplate」這個模版
它直接幫你把 Electron + React 這件事打點好，把兩者結合開發的前置作業處理得七七八八了

Electron

Electron 是一個將 JavaScript、HTML 與 CSS 等網頁技術轉換為桌面應用程式的框架
我查了一下後發現 VSCode 就是用 Electron 寫的？！！ 好喔，那怎能不來摸一下
簡單地說，可以想成它就是個包著瀏覽器的應用程式，能讓你寫的網頁在裡面呈現

如果要打開一個我寫的網頁，就要先新增一個 BrowserWindow 在裡面設定長寬、icon等
然後 .loadURL(resolveHtmlPath('index.html')); 這也能輸入網址用來打開某個網站的頁面

Node.js

Node.js 主要用來讓桌面應用程式與電腦系統進行溝通
它並非是一個程式語言，只是能夠讓你寫 JavaScript 然後在電腦上跑
可以把 Node.js 想成**「能在後端運作的 JavaScript」**，剩下的我其實也了解得不深入
Electron的主進程就是在運行 Node.js

Husky

Husky 是 Electron React Boilerplate 大禮包裡面的本來就有的
我也不太確定為什麼要加這個料，查了一下這個哈士奇說是跟 Git 有關的工具
它好像能自訂一些 Git 功能，比方說提交一個新版本之前先執行一些 npm 指令之類的
總之我是用不到，但也怕隨意刪除後對大禮包的運作造成什麼影響

會特別提到它是因為我發現， Husky 讓我沒有辦法再使用 GUI 操作 Git！
沒錯，不管是 VSCode 還是 GitHub Desktop 那邊都不行了
我必須在終端機手打指令 git commit -am "xxxxx" --no-verify 才能提交新版本，真是謝了